<template>
    <div class="collect">
        <Return>收藏</Return>
        <div class="box">
            <div>
                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttps%253A%252F%252Fcrawl.ws.126.net%252Fnbot2%252Fimg%252F5554b9fe00bcbec774759a30d07edf2b.png%26thumbnail%3D660x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1617967082&t=a4a0b7fcac3b5cbbcc42d8b246f18394" alt="">
            </div>
            <div class="content">
                <p>ooooooo</p>
                <p class="price">￥99999</p>
            </div>
            
        </div>
        <el-button class="no" size="mini">取消收藏</el-button>
        <!-- <el-button class="no" size="mini">收藏</el-button> -->
        <el-button  type="danger" size="mini">加入购物车</el-button>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped>
.box{
    padding: 2vh;
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
}
.box img{
    width: 17vw;
    height: 9vh;
}
.content{
    margin-left: 3vw;
}
.price{
    margin-top: 3vh;
}
.collect{
    position: relative;
}
.el-button{
    position: absolute;
    top: 14vh;
    right: 3vh;
}
.no{
    right: 18vh;
}
</style>